<template>
  <div>
    <v-header :seller="seller"></v-header>
    <div class="tab">
      <div class="tab-item">
        <router-link to='/goods'>商品</router-link>
      </div>
      <div class="tab-item">
        <router-link to='/ratings'>评论</router-link>
      </div>
      <div class="tab-item">
        <router-link to='/seller'>商家</router-link>
      </div>
    </div>
    <!-- <router-view></router-view> -->
    <router-view/>
  </div>
</template>

<script type="text/ecmascript-6">
    import SellHeader from './components/SellHeader/SellHeader.vue';

    const ERR_OK = 0; // 状态码OK

    export default {
      data () {
        return {
          seller: {}
        };
      },
      created () {
        this.$http.get('/api/seller', []).then(
          (response) => {
            response = response.body;
            if (response.errno === ERR_OK) {
              this.seller = response.data;
            }
          }
          // response => { //错误执行代码，此处示例，默认开发中全OK
          //   console.log(`errrrrr:${response}`);
          // }
        );
      },
      components: {
        'v-header': SellHeader
      }
    };
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import 'components/commonstatic/stylus/base.styl';
  .tab
    display: flex
    width:100%
    height:40px
    line-height:40px
    border-bottom :1px solid rgba(7,17,27,0.1)
    .tab-item
      flex:1
      text-align :center
      & > a
        display :block
        font-size :14px
        color:rgb(77,85,93)
        &.router-link-active
          color: rgb(240,20,20)
        
</style>
